{extend name="public/base" /}
{block name="css"}
<style>

  .container-fluid {
    background-color: #ffffff;
  }

  .mx-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  img {
    width: 100%;
  }

</style>
{/block}
{block name="main"}
<section class="container-fluid">
  <!-- banner -->
  <div class="row" style="position: relative;">
    <img alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202009/mobile/zmyj-banner.jpg">
  </div>
  <!-- banner end -->

  <!--第1栏-->
  <div class="row" style="background: #842E2B;padding: 0 10px;display: flex; flex-direction: column; align-items: center;margin: 0 auto">
    <img alt="" class="img-responsive" style="margin-top: 30px;width: 70%" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202009/mobile/title1.png">
    <img alt="" class="img-responsive" style="margin-top: 30px;width: 100%" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202009/mobile/part01.png">
    <img alt="" class="img-responsive" style="margin-top: 20px;width: 100%;" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202009/mobile/part02.png">
    <a href="https://m.dianping.com/tuan/deal/657845093"><img alt="" class="img-responsive" style="margin-top: 30px; margin-bottom: 30px;  width: 70%;margin-left: 15%;" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202009/mobile/icon.png"></a>
  </div>
  <!--第1栏END-->

  <!--第2栏-->
  <div class="row" style="background: #EFBD66;padding: 0 10px 30px;display: flex; flex-direction: column; justify-content: center;align-items: center;margin: 0 auto;">
    <img alt="" class="img-responsive" style="margin-top: 40px;width: 80%" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202009/mobile/title2.png">
    <img alt="" class="img-responsive" style="margin-top: 30px;width: 100%" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202009/mobile/liwu.png">
  </div>
</section>
{/block}
{block name="js"}
<script>
</script>
{/block}